<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>El diario Local de noticias</title>
		<meta name="description" content="" />
		<meta name="author" content="Raul" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/estilos.css" />
		<link rel="stylesheet" href="css/jquery-ui.css" />
		<script src="script/jquery-1.9.1.js"></script>
		<script src="script/jquery-ui-1.10.3.custom.js"></script>
		<link href='http://fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
		<script src="script/jquery.simplePagination.js"></script>
		<link rel="stylesheet" href="css/simplePagination.css" />
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		 <script>
		 	var numPag = 1;
			var numReg = 5;
			var numPorPag = 1;
			
			function calcularTamano(){
				var ventana_ancho = $(window).width();
			    var ventana_alto = $(window).height();
			    var tamano = $('#wrapper').height() + (ventana_alto - $('#wrapper').height())-10;
			    $('#wrapper').css("min-height",tamano);
			}
			
			$(document).ready(function() {
				$( "#menu" ).accordion({
					heightStyle: "content"
				});
				/*
				var ventana_ancho = $(window).width();
			    var ventana_alto = $(window).height();
			    var tamano = $('#wrapper').height() + (ventana_alto - $('#wrapper').height())-10;
			    $('#wrapper').css("min-height",tamano);
			    */
			   calcularTamano();
			});
			
			function calcularPaginas(){
				/* $.ajax({
					url: 'funciones/calcularPaginas.php',
					data:'reg=' + numReg,
					async:false,
					beforeSend: function(objeto){$('#cont').html('<img src="iimagenes/ajax-loader.gif />"');},
					complete: function(objeto, exito){},
					error: function(objeto, quepaso, otroobj){
							alert("Estas viendo esto por que fallé");
							alert("Pasó lo siguiente: "+quepaso);
					},
					success: function(datos){
						numPorPag = datos;
						configurarPag();
					},
					timeout: 1000,
					type: "POST"
				}); */	
			}
			
			$(document).ready(function(){
				//calcularPaginas();
				//configurarPag();
				//cargarPagina();
				
				$(document).delegate('.page-link','click', function(){
					var pag = $(this).attr('href').split('-').pop();
					numPag = pag;
					//cargarPagina()
				})
			});
			
			function configurarPag() {
			    $('#pagina').pagination({
			        items: numPorPag,
			        cssStyle: 'light-theme'
			    });
			};
			
			function cargarPagina(){
				/* $.ajax({
					url: 'funciones/cargarContenido.php',
					data:'reg=' + numReg + '&page=' + numPag,
					async:false,
					beforeSend: function(objeto){$('#cont').html('<img src="iimagenes/ajax-loader.gif />"');},
					complete: function(objeto, exito){},
					error: function(objeto, quepaso, otroobj){
							alert("Estas viendo esto por que fallé");
							alert("Pasó lo siguiente: "+quepaso);
					},
					success: function(datos){
						$('#cont').html(datos);
						calcularTamano();
						/*$("tr:odd").addClass("impar");
						$("tr:even").addClass("par");;*/
				/*	},
					timeout: 1000,
					type: "POST"
				})*/
			} 
		</script>
	</head>

	<body>
		<div id="wrapper">
			<%@ include file="includes/cabecera.jsp" %>
			<div class="clean"></div>
			<nav style="float: left; margin-top:20px;">
				<%@ include file="includes/menu.jsp" %>
			</nav>

			<div id="contenido">
				<h2 id="h2pp">Listado de noticias</h2>
				<div id="cont">
					<% out.print(nDao.getUltimasNoticias()); %>
				</div>
				<div id="pagina"></div>
			</div>
			<div class="clean"></div>
			<footer>
				<p>
					<%@ include file="includes/footer.jsp" %>
				</p>
			</footer>
		</div>
	</body>
</html>
